$headerHeight:(128rem/24);
$bgColor:#1fbe6a;
.rel{
  position:relative;
}
.leftAB{
  position:absolute;
  left:0;
}
.rightAB{
  position:absolute;
  right:0;
}
//我的水果
.fruit-header{
  position:fixed;
  top:0;
  left:0;
  z-index:9999;
  width: 100%;
  height: $headerHeight;
  line-height: $headerHeight;
  background-color: #1fb16a;
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
  .leftBtn{
    position: absolute;
    left: 0.8rem;
    background: url("../images/u154.png") no-repeat;
    background-position-y: 20px;
    background-size: 100%;
    width: 25px;
    padding-top: 0.6rem;
  }
  .fruit-publish{
    position: absolute;
    right: 1rem;
  }
}
.fruit-item{
  background-color:#fff;
  padding:(44rem/24) 1rem 0;
  margin-bottom:(18rem/24);
  h3{
    font-size: (32rem/24);
    color:#333;
    background:url('../images/myFruit/icon-mark@2x.png') no-repeat left center;
    background-size:(9rem/24) (33rem/24);
    padding-left:(14rem/24);
    margin-bottom:(60rem/24);
  }
  .fruit-info{
    height:(24rem/24);
    font-size: (24rem/24);
    color:#999;
    border-bottom:solid (1rem/24) #ccc;
    padding-bottom:(20rem/24);
  }
  .fruit-status{
    height:(180rem/24);
    line-height:(180rem/24);
  }
}
.item-list{
  padding-bottom:$headerHeight;
}
//编辑水果
.fruit-detail{
  position: fixed;
  overflow: auto;
  width: 100%;
  height: 100%;
  top: $headerHeight;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  background: rgba(255, 255, 255, 0.65);
  -webkit-transition: transform 200ms ease-in,background 100ms ease-in 320ms;
  transition: transform 200ms ease-in,background 100ms ease-in 320ms;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.sink {
  transform: translate3d(0, 200%, 0) !important;
  -webkit-transform: translate3d(0, 200%, 0) !important;
}
.fruit-box{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #f0f0f0;
  border-bottom: (1rem/24) solid #999;
  box-sizing: border-box;
}
.edit-form{
  padding:0 (24rem/24);
  background-color:#fff;
  margin-bottom:(16rem/24);
}
.edit-item{
  height:(100rem/24);
  line-height:(100rem/24);
  background-color:#fff;
  border-bottom:solid (1rem/24) #e3e3e3;
  font-size:(30rem/24);
  color:#333;
  .label-lt{
    display:inline-block;
    width:30%;
    overflow:hidden;
  }
  .label-rt{
    display:inline-block;
    width:70%;
    overflow:hidden;
  }
  .input-item{
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: (100rem/24);
    padding:0;
    border:none;
    //padding: 5px 40px 5px 44px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
//发布水果
.sel-fruit-box{
  background-color: #fff;
  padding:(16rem/24) 0;
}
  .sel-item{
    height:(80rem/24);
    line-height:(80rem/24);
    padding-left:(24rem/24);
    margin-bottom:(40rem/24);
    input{
      width:83%;
      height:100%;
      border:solid (1rem/24) #ccc;
      border-radius:(6rem/24);
      box-sizing: border-box;
      padding-left:(16rem/24);
    }
    label{
      margin-left:5%;
    }
  }
  .sel-cate-box{
    background-color:#fff;
    ul{
      padding-left:1.5%;
      li{
        display: inline-block;
        width:30.2%;
        height:(80rem/24);
        line-height:(80rem/24);
        margin:(16rem/24) 0 (16rem/24) 2%;
        background-color: #f7f7f7;
        border-radius:(6rem/24);
        text-align: center;
        font-size: (28rem/24);
        color:#777;
      }
    }
  }
.sel-key-fruits,.sel-level-one{
    padding:0 (38rem/24) 0 (24rem/24);
    background-color:#fff;
    &>ul{
      padding-bottom:(300rem/24);
      li{
        position:relative;
        height:(100rem/24);
        line-height:(100rem/24);
        border-bottom:solid (1rem/24) #e3e3e3;
        background-size: 5% 18%;
        font-size:(30rem/24);
        color:#333;
        .icon-more{
          position:absolute;
          top:(20rem/24);
          right:0;
          display: inline-block;
          width:(31rem/24);
          height:(35rem/24);
          background:url('../images/myFruit/icon_unfold@2x.png') center center no-repeat;
        }
      }
    }
    .change-item{
      height:auto;
      span{
        display:block;
        height:(74rem/24);
        line-height:(74rem/24);
        border-bottom:solid (1rem/24) #e3e3e3;
      }
    }

  }
.sel-city-level-one{
  padding:0 (38rem/24) 0 (24rem/24);
  background-color:#fff;
  &>ul {
    padding-bottom: (300rem/24);
    li{
      position:relative;
      height:auto;
      line-height:(100rem/24);
      border-bottom:solid (1rem/24) #e3e3e3;
      background-size: 5% 18%;
      font-size:(30rem/24);
      color:#333;
      .icon-more{
        position:absolute;
        top:(20rem/24);
        right:0;
        display: inline-block;
        width:(31rem/24);
        height:(35rem/24);
        background:url('../images/myFruit/icon_unfold@2x.png') center center no-repeat;
      }
      .subCl{
        height:(300rem/24);
        overflow-y: scroll;
        background-color:#f0f0f0;
        opacity:0.7;
        span{
          display: block;
          line-height:(74rem/24);
          padding:0 (24rem/24);
        }
      }
      .hide{
        display:none;
      }
    }
  }
}


//申请质检
.quality-box{
  position: fixed;
  overflow: auto;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  background: rgba(255, 255, 255, 0.65);
  -webkit-transition: transform 200ms ease-in,background 100ms ease-in 320ms;
  transition: transform 200ms ease-in,background 100ms ease-in 320ms;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  .quality-standard{
    height:100%;
    padding:(24rem/24);
    box-sizing: border-box;
    .qiality-footer{
      width:100%;
      position:fixed;
      left:0;
      bottom:(120rem/24);
      height:(81rem/24);
      line-height:(81rem/24);
      padding:(48rem/24) (24rem/24);
      button{
        width:94%;
        border:none;
        border-radius:(6rem/24);
        background-color:$bgColor;
        color:#fff;
        font-size:(34rem/24);
      }
    }
  }
  .quality-pic-box{
    .quality-pic-title{
      height:(80rem/24);
      line-height:(80rem/24);
      font-size: (32rem/24);
      color:#333;
      background:url('../images/myFruit/icon-mark@2x.png') no-repeat left center;
      background-size:(9rem/24) (33rem/24);
      padding-left:(14rem/24);
      border-bottom:solid (1rem/24) #e3e3e3;
    }
  .pic-item{
    label{
      height:(100rem/24);
      line-height:(100rem/24);

    }
  }
  }
  .form-pop-box{
    width:100%;
    height:(300rem/24);
    background-color:#f0f0f0;
    opacity: 0.7;
    div{
      height:(100rem/24);
      line-height:(100rem/24);
      padding: 0 (24rem/24);
      border-bottom:solid (1rem/24) #e3e3e3;
    }
  }
}

//查看质检报告
.record-box{
  width:100%;
  height:100%;
  background-color:#fff;
  font-size:(30rem/24);
  color:#333;
  li{
    padding:0 (24rem/24);
    .record-item{
      position:relative;
      height:(100rem/24);
      line-height:(100rem/24);
      border-bottom:solid (1rem/24) #ccc;
      .item-status{
        margin-top:(-10rem/24);
        margin-left:(26rem/24);
      }
      .item-handle{
        position:absolute;
        right:0;
        color:#999;
      }
    }
  }
  .record-page-title{
    height:(200rem/24);
    padding:(50rem/24);
    text-align:center;
  }
  .record-page-info{
    padding:(50rem/24) (24rem/24);
    border-top:solid (1rem/24) #e3e3e3;
  }
  .record-page-btn{
    margin-top:(32rem/24);
    button{
      width:(220rem/24);
      height:(60rem/24);
      border:solid (1rem/24) #999;
      border-radius:(6rem/24);
      background-color:#fff;
      font-size:(28rem/24);
      color:#999;
    }
  }
}


//选择品类
.cate-box{
  padding:(16rem/24) (24rem/24);
}
